<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <title>Hello,Vue.js</title>
</head>
<body>

    <h3>Hello , Vue.js</h3>

    <div id="app">
        <input type="text" v-model="username" placeholder="请输入用户名">
        <p>{{ username }}</p>
    </div>

    <!-- 引入 vue.js 核心库 -->
    <script src="vue.global.js"></script>
    <!-- 书写自己的 JavaScript 代码  -->
    <script type="text/javascript">
        let options = {
            data(){
                return {
                    username: ''
                }
            }
        }
        // 创建实例
        const app = Vue.createApp(options);
        console.log( app );
        // 挂载实例
        app.mount( '#app' );
    </script>
    
</body>
</html>